<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible"
	content="IE=5; IE=6; IE=7; IE=8; IE=9; FF=3;FF=4; OtherUA=4" />
<title>Error Page</title>
<script type="text/javascript" src="includes/js/jquery/jquery.min.js"></script>
<link rel="stylesheet" media="screen" href="includes/css/styles.css">

<style type="text/css">
body {
	font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana",
		"sans-serif";
	font-size: 82%;
}

.bodyText {
	font-size: 100%;
}

.envelope {
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #FCEFA1;
	padding: 10px;
	width: 70%;
	border: 1px solid #FCEFA1;
	margin-right: auto;
	background-color: #FFF8DC;
}

.ui-widget {
	font-size: 78%;
}
</style>

</head>

<body>
	<div class="envelope">
		<div class="bodyText">
			<strong>Error Encountered</strong><br>Error encountered trying
			to load the page. See cause and detailed message below to rectify the
			issue and try again.
		</div>
		<div class="ui-widget">
			<div class="ui-state-highlight ui-corner-all"
				style="margin-top: 20px; padding: 0 .7em;">
				<p>
					<span class="ui-icon ui-icon-alert"
						style="float: left; margin-right: .3em;"></span> <strong>Error:</strong>
					${ErrorMessage}
				</p>
			</div>
		</div>
		<br>
		<div class="ui-widget">
			<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
				<p>
					<span class="ui-icon ui-icon-alert"
						style="float: left; margin-right: .3em;"></span> <strong>Details:</strong>
					${Exception}
				</p>
			</div>
		</div>
	</div>
</body>

</html>